<template>
  <div class="mb-10px">
    <SvgIcon
      class="ml-5px cursor-pointer"
      :name="svgName"
      :color="iconColor"
      :width="size"
      :height="size"
      @click="to"
    />
    <p class="ml--3px text-15px text-center mt--2px mb-10px">投诉建议</p>
  </div>
</template>

<script setup lang="ts">
import { useRouter, useRoute } from "vue-router";

const props = defineProps({
  svgName: {
    type: String,
    default: () => "exclamation",
  },
  content: {
    type: String,
    default: () => "用户反馈",
  },
  size: {
    type: String,
    default: () => "20px",
  },
  iconColor: {
    type: String,
    default: () => "#fff",
  },
  path: {
    type: String,
    default: () => "/",
  },
});

const $router = useRouter();

const to = () => {
  $router.push(props.path);
};
</script>

<style scoped></style>
